<template>
  <div>
    <h1>Javascript与抽象语法树</h1>
    <pre class="code">{{code}}</pre>
    <ul>
      <li><router-link :to="{ name: 'tokens' }">单词列表展示</router-link></li>
      <li><router-link :to="{ name: 'tree' }">语法树展示</router-link></li>
      <li><router-link :to="{ name: 'highlight' }">代码高亮</router-link></li>
      <li><router-link :to="{ name: 'compress' }">代码压缩</router-link></li>
      <li><router-link :to="{ name: 'doc' }">文档生成</router-link></li>
      <li><router-link :to="{ name: 'compiler' }">编译</router-link></li>
      <li><router-link :to="{ name: 'interpreter' }">解释器</router-link></li>
      <li><router-link :to="{ name: 'step' }">单步调试</router-link></li>
    </ul>
  </div>
</template>

<script type="text/javascript">
import code from '@/code/program';

export default {
  data() {
    return {
      code,
    };
  },
};
</script>

<style type="text/css">
</style>
